﻿@section HeaderSection
   {
    <link href="../Content/Styles/page_styles.css" rel="stylesheet" type="text/css" />    
   }

@model RipPoll.Web.Mvc.Models.UserModel
@{
    ViewBag.Title = "User";
}

@{
    ViewBag.Title = "Join";
    ViewBag.PageDivId = "headerGeneric2";
    
    ViewBag.Margin = "margin-left:50px;";
}
@section StatusMessage
{
        @TempData["StatusMessage"]
 }

  @section LocalHeaderSection
{
    <div id="pageTitle">    
        <span class="pageTitle">Join</span>
        <div id="pageSubtitle">
            <span class="pageSubtitle">Join to Rippoll</span>
        </div>
    </div>
}    

@using (Html.BeginForm()) {
    
    @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")

    <div style="background: #FFF; border: 10px solid #999;width:810px;margin-left:50px" id="1234">
    <table border="0" class="">
        <tr style="vertical-align:top">
            <td colspan="2">
                <div id="registerHeader">
                    <img src="../Content/images/register_banner.png" alt="" width="800" height="50" border="0" usemap="#Map4" />
                      <map name="Map4" id="Map4">
                        <area shape="rect" coords="763,9,791,38" href="#" alt="" onclick="MM_showHideLayers('apDiv3','','hide')" />
                      </map>
                </div>
            </td>            
        </tr>

        <tr style="vertical-align:top">
            <td>
                <img src="../Content/images/register_using.jpg" width="312" height="520" alt="" />
            </td>
            <td>
                    <div id="registerRightCol">
                      <table width="470" border="0" cellpadding="5" cellspacing="0" >
                      <tr>
                            <td width="159" align="right" class="formTopics">
                                <div>
                                    @Html.LabelFor(m => m.Email)
                                </div>
                            </td>
                            <td colspan="3">
                                <div>
                                    @Html.TextBoxFor(m => m.Email, new { @class = "TextBox300" })
                                    @Html.ValidationMessageFor(m => m.Email)
                                    <br/><span class="smallGreyText">Never shared, never spammed</span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td align="right" class="formTopics">
                                <div>
                                    @Html.LabelFor(m => m.RepeatEmail)
                                </div>        
                            </td>
                            <td colspan="3">
                                <div>
                                    @Html.TextBoxFor(m => m.RepeatEmail, new { @class = "TextBox300" })
                                    @Html.ValidationMessageFor(m => m.RepeatEmail)
                                </div>
                            </td>
                        </tr>
                        <tr>
                             <td align="right" class="formTopics">
                                <div>
                                    @Html.LabelFor(m => m.ScreenName)
                                </div>
                            </td>
                            <td colspan="3">
                                <div>
                                    @Html.TextBoxFor(m => m.ScreenName, new { @class = "TextBox300" })
                                    @Html.ValidationMessageFor(m => m.ScreenName)
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td align="right" class="formTopics">
                                <div>
                                    @Html.LabelFor(m => m.PassWord)
                                </div>
                                </td>
                            <td colspan="3">
                                <div>
                                    @Html.PasswordFor(m => m.PassWord, new { @class = "TextBox300" })
                                    @Html.ValidationMessageFor(m => m.PassWord)
                                </div>                            
                            </td>
                        </tr>
                        <tr>
                            <td align="right" class="formTopics">
                                <div>
                                    @Html.LabelFor(m => m.RepeatPassWord)
                                </div>
                            </td>
                            <td colspan="3">
                                <div>
                                    @Html.PasswordFor(m => m.RepeatPassWord, new { @class = "TextBox300" })
                                    @Html.ValidationMessageFor(m => m.RepeatPassWord)
                                </div>
                            </td>
                        </tr>
                        
                        <tr>
                            <td align="right" class="formTopics">
                                <div>
                                    @Html.LabelFor(m => m.City)
                                </div>
                            </td>
                            <td align="left">
                               <div>
                                    @Html.TextBoxFor(m => m.City, new { @style = "width:125px" })
                                </div>
                            </td>
                            <td align="right" width="46">
                               <div>
                                    @Html.LabelFor(m => m.ZipCode)
                                </div>
                            </td>
                            <td width="100">
                               <div>
                                    @Html.TextBoxFor(m => m.ZipCode, new { @style = "width:100px" })
                                </div>
                            </td>   
                        </tr>
                        <tr>
                            <td align="right" class="formTopics">
                                <div>
                                    @Html.LabelFor(m => m.Gender)
                                </div>
                            </td>
                            <td align="left">
                                <div>
                                    @*//@Html.TextBoxFor(m => m.Gender, new { @style = "width:100px;" })*@
                                    @Html.DropDownListFor(m => m.SelectedGender, new SelectList(Model.Gender), "Select", new { @style = "width:125px" }) 
                                 </div>
                            </td>
                            <td align="right">
                                <div>
                                    @Html.LabelFor(m => m.BirthYear)
                                </div>
                            </td>
                            <td>
                                <div>
                                    @Html.TextBoxFor(m => m.BirthYear, new { @style = "width:100px;" })
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td align="right" class="formTopics">
                                   Education Background
                            </td>
                            <td colspan="3" align="center">
                                @Html.DropDownListFor(m => m.SelectedEducationId, new SelectList(Model.EducationBackgrounds, "Id", "Description"), "Select") 
                            </td>
                        </tr>
                        <tr>
                            <td align="right">&nbsp;</td>
                            <td colspan="3" align="center">What's with the questions? Simple. It helps the<br />
                                Rippolls become more relevant. <span class="redText2">(more)</span><br />        <br />
                            </td>
                        </tr>
                        <tr>
                            <td align="center" colspan="4">
                                @Html.CheckBoxFor(m => m.SendActivityUpdates, new { @class="checkbox"})
                               It's okay to send me activity updates from Rippoll and my friends<br /><br />
                            </td>
                        </tr>
                         <tr>
                              <td colspan="4" align="center"><input name="Register" type="submit" id="Register" value="Register"  /> 
                              <span class="registerText">By Clicking the &quot;Register&quot; button, I accept Rippoll's</span><span class="redText2">
                                Terms of Use</span></td>
                            </tr>
                 </table>
                </div>
        </td>
    </tr>

</table>
</div>
}
